<template>
	<view class="goodlist1">
		
		
		<view class="works">
			<scroll-view class="scroll-view_H flex" :scroll-x='true'>
				<view class="b">
					<view id="demo1" class="scroll-view-item_H uni-bg-red" v-for="(item,index) in list1" :key=index>
						<view class="imgbox">
							<image :src="item.urlimg" mode="" class="img2"></image>
						</view>
						<view class="tit1 text-cut">
							{{item.title}}			
						</view>
						<view class="np-price">
							新人价
						</view>
						<text class="font-c">￥{{item.price}}</text>
						<text class="padding-lr-xs pric1">￥{{item.oldprice}}</text>
					</view>
				</view>
			</scroll-view>
		</view>

	</view>
</template>

<script>
	export default{
		props:['list1'],
		data() {
			return {
				list:[]
			}
		},
		
	}
</script>

<style lang="scss">
.goodlist1{
// 	width: 100%;
// 	height: 100%; 

	.imgbox{
		width: 194upx;
		height: 194upx;
		.img2{
			width: 194upx;
			height: 194upx;
		}
	}
	.np-price{
		text-align: center;
		line-height:48upx;
		font-size: 24upx;
		display: inline-block;
		width:86upx;
		color: white;
		// background:linear-gradient(90deg,rgba(255,86,0),rgba(255,125,0));
		background-image:linear-gradient(90deg,#FF5600,#FF7D00);
		border-radius:4px;
	}
	.font-c{
		color: red !important;
		font-size:36upx;
		font-weight:400;
		margin: 15upx 0;
	}
	.tit1{
		width:188upx;
		margin-bottom: 19upx;
		font-size:32upx;
		font-family:59;
		font-weight:400;
		margin-top: 20upx;
		// color:rgba(74,74,74);
		color: rgb(74,74,74);
	}
	.pric1{
		width:45upx;
		height:19upx;
		font-size:24upx;
		font-family:59;
		font-weight:400;
		text-decoration:line-through;
		color:rgba(176,177,180,1);
		line-height:48upx;
	}
}
.works{//作品
	padding: 0 26upx;
	.scroll-view_H{
		height: 400upx !important;
		// border: 1px solid;
		.b{
			width:1050upx;
			>view{
				float: left;
				
				width: 192upx;
				display: inline-block;
				
				border-radius: 12upx;
				margin:20upx;
				
			}
		}
		
	}
}
	
	
</style>
